<%@ include file="/common/header.jsp" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<style>
    .edit-mod {
        padding-left: 30px;
        padding-right: 15px;
    }

    .table-form {
        width: 100%;
    }

    .table-form .form-control {
        width: 100%;
    }

    .tips {
        line-height: 30px;
    }

    .edit-mod .table > tbody > tr > th {
        vertical-align: middle;
        text-align: right;
    }
</style>
<body ng-init="TJSJ='${TJSJ}';AutoViewPage=true;">
<div class="container-full" ng-controller="gqzqTjfxController">
    <div class="row">
        <div class="col-md-12 centerContain">
            <div class="edit-header">
                <div class="col-xs-4 edit-title">
                    <i class="iocn"></i> <i>政府债券统计</i>
                </div>
            </div>
            <div class="edit-body">

                <div class="edit-mod" style="margin-top:18px;margin-bottom:12px;">
                    <span style="float:left;padding-top:8px;">选择时间：</span>
                    <%--<input type="datetime-local" ng-model="TJSJ" ng-format="yyyy-MM-dd HH:mm" value="2020-08-10 21:00:00">--%>
                    <div style="width: 230px;float:left;" date-picker divid='TJSJ' ng-model="TJSJ" ng-type="second" ng-config="startDateConfig"  ng-init-value="TJSJ" validateoptions="validType:'date[\'yyyy-MM-dd HH:mm:ss\']',required:true,tipPosition:'bottom'" ng-write-able="false" placeholder="请选择查询时间" ng-format="yyyy-MM-dd HH:mm:ss"></div>
                    <span style="float:left;padding-top:8px;padding-left: 12px;"><font color="#aeaeae">截至 {{TJSJ | date:'yyyy-MM-dd HH:mm:ss'}} 前</font></span>
                    <button style="float:right;color: #3492ea" type="button" ng-click="getTjfx()"><font color="#ffffff">查询</font>
                    </button>
                </div>
                <form id="myForm" class="form-horizontal" name="validateForm">
                    <div class="edit-mod" style="margin-top:65px;">
                        <div class="mod-header">
                            <div class="mod-title">政府债券项目总体情况</div>
                            <span class="btn-slide on"></span>
                        </div>
                        <div class="mod-body">
                            <table class="table-form table table-bordered">
                                <colgroup>
                                    <col width="200px">
                                    <col width="400px">
                                    <col width="200px">
                                    <col width="*">
                                </colgroup>
                                <tbody>
                                <tr>
                                    <th>现场督导服务项目：</th>
                                    <td colspan="3">{{tjfxInfo.countYTJ}}</td>
                                </tr>
                                <tr>
                                    <th>专项债项目：</th>
                                    <td>{{tjfxInfo.countZX}}</td>
                                    <th>抗疫特别国债项目：</th>
                                    <td>{{tjfxInfo.countTB}}</td>
                                </tr>
                                <tr>
                                    <th>已开工项目：</th>
                                    <td>{{tjfxInfo.countYKG}}</td>
                                    <th>未开工项目：</th>
                                    <td>{{tjfxInfo.countWKG}}</td>
                                </tr>
                                <tr>
                                    <th>涉及投资计划金额(亿元)：</th>
                                    <td>{{tjfxInfo.TZJH}}</td>
                                    <th>实际完成项目投资金额(亿元)：</th>
                                    <td>{{tjfxInfo.SJTZ}}</td>
                                </tr>
                                <tr>
                                    <th>项目建设投资总进度：</th>
                                    <td colspan="3">{{tjfxInfo.XMJSTZJD}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="edit-mod">
                        <div class="mod-header">
                            <div class="mod-title">已提交项目</div>
                            <span class="btn-slide on"></span>
                        </div>
                        <div class="mod-body">
                            <table class="table-form table table-bordered form-group">
                                <colgroup>
                                    <col width="200px">
                                    <col width="400px">
                                    <col width="200px">
                                    <col width="*">
                                </colgroup>
                                <tbody>
                                <tr>
                                    <th>涉及专项债债券额度(亿元)：</th>
                                    <td colspan="3">{{tjfxInfo.ZXED}}</td>
                                </tr>
                                <tr>
                                    <th>财政已拨付金额(亿元)：</th>
                                    <td>{{tjfxInfo.ZXCZYB}}</td>
                                    <th>(专项债)财政已拨付比率：</th>
                                    <td>{{tjfxInfo.ZXCZJD}}</td>
                                </tr>
                                <tr>
                                    <th>项目单位实际支出(亿元)：</th>
                                    <td>{{tjfxInfo.ZXDWSJ}}</td>
                                    <th>(专项债)项目单位实际支出比率：</th>
                                    <td>{{tjfxInfo.ZXDWJD}}</td>
                                </tr>
                                <tr>
                                    <th>涉及抗疫特别国债债券额度(亿元)：</th>
                                    <td colspan="3">{{tjfxInfo.GZED}}</td>
                                </tr>
                                <tr>
                                    <th>财政已拨付金额(亿元)：</th>
                                    <td>{{tjfxInfo.GZCZYB}}</td>
                                    <th>(抗疫债)财政已拨付比率：</th>
                                    <td>{{tjfxInfo.GZCZJD}}</td>
                                </tr>
                                <tr>
                                    <th>项目单位实际支出(亿元)：</th>
                                    <td>{{tjfxInfo.GZDWSJ}}</td>
                                    <th>(抗疫债)项目单位实际支出比率：</th>
                                    <td>{{tjfxInfo.GZDWJD}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript"
        src="<common:webRoot/>/resources/fwszpt/rwgl/gqzq/js/GqzqTjfx.js?v=${sysversion}"></script>

<script>
    $(function () {
        $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn'),
            defaultDate: "1990-1-1"
        });
    })
</script>
</body>
<%@ include file="/common/footer.jsp" %>
